<template>
	<view class="container">
		<view class="head_box">
			<image src="https://jialianxin-1301053941.cos.ap-chengdu.myqcloud.com/b2b2c/31.png" mode="" @click="returnPage"></image>
			<view class="title">我的付款码</view>
		</view>
		<scroll-view scroll-y="true" :style="'height:'+scrollh+'px;'">
			<view class="content">
				<view class="img_box">
					<image src="https://jialianxin-1301053941.cos.ap-chengdu.myqcloud.com/b2b2c/1.jpg" mode=""></image>
				</view>
			</view>
		</scroll-view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				scrollh:590,
			};
		},
		onLoad() {
			uni.getSystemInfo({
				success: (res) => {
					this.scrollh=res.windowHeight-uni.upx2px(230)
				}
			})
		},
		methods:{
			returnPage(){
			    uni.navigateBack({
			     delta:1
			    })
			},
		}
	}
</script>

<style lang="scss">
.container{
	.head_box{
		width: 750upx;
		height: 180upx;
		background: url(https://jialianxin-1301053941.cos.ap-chengdu.myqcloud.com/new_user/new_bjs.png) no-repeat;
		background-size: cover;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		.title {
			font-size: 32upx;
			color: #ffffff;
			line-height: 71px;
			margin-left: 240upx;
		}
			
		image {
			width: 24upx;
			height: 40upx;
			margin-left: 40upx;
		}
	}
	.content{
		width: 750upx;
		height: 1400upx;
		background-color:#ff0000;
		.img_box{
			width: 700upx;
			height: 680upx;
			margin: 0 25upx;
			border-radius: 20upx;
			background-color: #FFFFFF;
			padding: 90upx 100upx;
			image{
				width: 500upx;
				height: 500upx;
			}
		}
	}
}
</style>
